<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>我是家长</title>
		<meta name="viewport" content="width=device-width, height=device-height, initial-scale=0.5, maximum-scale=1.0, user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="css/mui.min.css">
		<style>
			html,
			body {
				font-family: "microsoft yahei";
				background-color: #efeff4;
				font-size: 21px;
			}
			
			#dv_rightHearder ul li {
				float: left;
			}
			
			.title {
				margin: 20px 15px 10px;
				color: #6d6d72;
				font-size: 15px;
			}
			
			.oa-contact-cell.mui-table .mui-table-cell {
				padding: 11px 0;
				vertical-align: middle;
			}
			
			.oa-contact-cell {
				position: relative;
				margin: -11px 0;
			}
			
			.oa-contact-avatar {
				width: 100%;
			}
			
			.oa-contact-avatar img {
				border-radius: 50%;
			}
			
			.oa-contact-content {
				width: 100%;
			}
			
			.oa-contact-name {
				margin-right: 20px;
			}
			
			.oa-contact-name,
			oa-contact-position {
				float: left;
			}
			
			#dv_nav ul li {
				font-size: 13px;
				float: left;
				margin-left: 6px;
				margin-right: 6px;
				list-style-type: none;
				color: #909090;
			}
			
			.mui-plus header.mui-bar {
				display: none!important;
			}
			
			.mui-plus .mui-bar-nav~.mui-content {
				padding: 0!important;
			}
			
			.mui-plus .plus {
				display: inline;
			}
			
			.plus {
				display: none;
			}
			
			#topPopover {
				position: fixed;
				top: 16px;
				right: 6px;
			}
			
			#topPopover .mui-popover-arrow {
				left: auto;
				right: 6px;
			}
			
			span.mui-icon {
				font-size: 14px;
				color: #007aff;
				margin-left: -15px;
				padding-right: 10px;
			}
			
			.mui-popover {
				height: 300px;
			}
			
			.mui-content {
				padding: 10px;
			}
		</style>
	</head>

	<body>
		<div id="topPopover" class="mui-popover" style="height: 280px; width: 250px; font-size: 28px;">
			<div class="mui-popover-arrow"></div>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul class="mui-table-view">
						<li id="logout" class="mui-table-view-cell" style="display: flex;">
							<img src="img/index/tianjiarenyuanrubiao_03.png" width="42" height="42" />&nbsp;&nbsp;&nbsp;&nbsp;
							<a>身份切换</a>
						</li>
						<li class="mui-table-view-cell" style="display: flex;">
							<img src="img/index/tianjia_05.png" width="42" height="42" />&nbsp;&nbsp;&nbsp;&nbsp;
							<a href="#">邀请亲友</a>
						</li>
						<li class="mui-table-view-cell" style="display: flex;">
							<img src="img/index/denglutubiao_03.png" width="42" height="42" />&nbsp;&nbsp;&nbsp;&nbsp;
							<a href="login.html">登录</a>
						</li>
						<li class="mui-table-view-cell" style="display: flex;">
							<img src="img/index/zhuce_11.png" width="42" height="42" />&nbsp;&nbsp;&nbsp;&nbsp;
							<a href="reg.html">注册</a>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<nav id="nav_dbdh" class="mui-bar mui-bar-tab" style="background: url(img/index/bottom-box_02.png); height: 98px;">
			<a id="defaultTab" class="mui-tab-item mui-active" href="#homePage-content">
				<span id="sp_zy" class="mui-icon" style="background: url(img/index/home-48_03.png) no-repeat; height: 46px; width: 46px;"></span>
				<span class="mui-tab-label" style="font-size: 22px; padding-top: 5px; margin-left: -14px;">主页</span>
			</a>

			<a id="dv_bar_wxy" class="mui-tab-item" href="#microcampust-content">
				<span id="sp_wxy" class="mui-icon" style="background: url(img/index/mini46-before_06.png) no-repeat; height: 46px; width: 46px;"></span>
				<span class="mui-tab-label" style="font-size: 22px; padding-top: 5px; margin-left: -10px;">微校园</span>
			</a>

			<a id="dv_bar_grzx" class="mui-tab-item">
				&nbsp;&nbsp;<span id="sp_grzx" class="mui-icon" style="background: url(img/index/personal46_10.png) no-repeat; height: 46px; width: 46px;"></span>
				<span class="mui-tab-label" style="font-size: 22px; padding-top: 5px; margin-left: -12px;">个人中心</span>
			</a>
		</nav>

		<script>
			/**
			 * 监听底部导航事件，用于更改其背景图标
			 */
			document.getElementById("defaultTab").addEventListener("tap", function() {
				window.title = "家长学校";
				document.getElementById("sp_zy").style.background = "url(img/index/home-48_03.png) no-repeat";
				document.getElementById("sp_wxy").style.background = "url(img/index/mini46-before_06.png) no-repeat";
				document.getElementById("sp_grzx").style.background = "url(img/index/personal46_10.png) no-repeat";
			});

			document.getElementById("dv_bar_wxy").addEventListener("tap", function() {
				window.title = "微校园"
				document.getElementById("sp_zy").style.background = "url(img/index/home48-before_03.png) no-repeat";
				document.getElementById("sp_wxy").style.background = "url(img/index/mini46_06.png) no-repeat";
				document.getElementById("sp_grzx").style.background = "url(img/index/personal46_10.png) no-repeat";
			});

			var $userLogin = JSON.parse(localStorage.getItem("login-user-parent"));
			document.getElementById("dv_bar_grzx").addEventListener("tap", function() {
				window.title = "个人中心"
				document.getElementById("dv_bar_grzx").href = "";
				//登录用户
				if($userLogin !== null && $userLogin !== undefined && $userLogin !== "") {
					document.getElementById("dv_bar_grzx").href = "#personalcentere-content";
					document.getElementById("sp-fam-userName").innerHTML = $userLogin.nickName;
				} else {
					mui.openWindow({
						url: "login.html"
					});
				}
				document.getElementById("sp_zy").style.background = "url(img/index/home48-before_03.png) no-repeat";
				document.getElementById("sp_wxy").style.background = "url(img/index/mini46-before_06.png) no-repeat";
				document.getElementById("sp_grzx").style.background = "url(img/index/icon_03.png) no-repeat";
			});
		</script>

		<div class="mui-content">
			<!--
            	作者：xuzhao_deng@sina.com
            	时间：2016-12-01
            	描述：首页内容
            -->
			<div id="homePage-content" class="mui-control-content mui-active" style="width: 100%;">
				<!--<header class="mui-bar mui-bar-nav" style="background: url(img/index/top-box_01.png); height: 80px;">
					<a class="mui-action-back mui-icon mui-icon-left-nav1 mui-pull-left" style="background: url(img/index/back30_03.png) no-repeat; height: 30px; width: 18px; margin-top: 20px; margin-bottom: 20px; margin-left: 20px; color: #909090;"></a>
					<h1 id="title" class="mui-title" style="font-size: 36px; margin-top: 20px; margin-bottom: 20px; color: #222222;">主页</h1>
					<div id="dv_rightHearder" class="mui-icon mui-icon-right-nav1 mui-pull-right">
						<a href="#topPopover" style="float: right; margin-bottom: 20px; margin-top: 20px; margin-right: 50px;"><img id="btn_xiala" src="img/index/tianjiarenyuan30_03.png"></a>
					</div>
				</header>-->
				<!--
                	作者：xuzhao_deng@sina.com
                	时间：2016-12-01
                	描述：小喇叭
                -->
				<div id="dv_posts" class="posts" style="background: url(img/index/xiaolabatongzhi_02.png); font-size: 21px; height: 50px; margin-top: -2px; width: 100%;">
					<span style=" float: left; margin-top: 6px; margin-bottom: 6px;"><img src="img/index/laba_03.png" />&nbsp;&nbsp;</span>
					<span style=" float: left; color: #909090; text-align: center; margin-left: 25px; margin-bottom: 15px; margin-top: 15px; height: 18px;"><a href="html/posts/posts-index.html">
						参加父母上岗培训，学习育儿知识，点亮“认证小徽章”
					</a></span>
					<span style="float: right; margin-right: 20px; margin-bottom: 15px; margin-top: 15px;">
					<img onclick="func_close();" src="img/index/delete_03.png"/></span>
				</div>

				<!--
                	作者：xuzhao_deng@sina.com
                	时间：2016-12-07
                	描述：隐藏小喇叭通知
                -->
				<div id="dv_posts_h" class="posts" style="height: 50px; margin-top: -2px; display: none; width: 100%;">
					<a id="a_xianshi_posts" style="color: #909090; text-align: center; margin-left: 5px;">
						<span style="margin-top: 10px; margin-bottom: 10px;"><img src="img/index/wusheng_03.png" />&nbsp;&nbsp;</span>
					</a>
				</div>
				<!--
                	作者：xuzhao_deng@sina.com
                	时间：2016-12-01
                	描述：背景封面
                -->
				<div id="dv_img" class="dvimgs" style="background :url(img/index/fengmian_02.png);text-align: center; height: 278px;">
					<img src="img/index/head-portrait-box_03.png" style="margin-right: -2px; margin-bottom: -4px;" height="154" width="154" />
					<img src="img/index/head-portrait_06.png" style="margin-left: -153px;" width="146" height="146" />
					<img src="img/index/medal_03.png" style="margin-left: -60px; margin-bottom: -10px;" />
					<img src="img/index/name-box_03.png" style="margin-bottom: -70px; margin-left: -120px; height: 42px;" width="160" /><br /><br /><br /><br /><br />
					<div style="margin-left: 28px; margin-top: -50px;"><span id="login-userName">我是一只小小鸟</span></div>
				</div>

				<!--
                	作者：xuzhao_deng@sina.com
                	时间：2016-12-01
                	描述：通知内容
                -->
				<div id="dv-job-notic">
					<div style=" background: url(img/index/notice-box_02.png); height: 80px; display: flex; text-align: left; color: #909090; font-size: 24px; margin-bottom: 20px; margin-top: 20px;">
						<span style="width: 14%; text-align: left; margin-top: -12px; margin-left: 19px;">
							<p style="line-height: 130%; font-size: 26px;">今日<br />通知</p>
						</span>
						<span style="width: 4%;  margin-top: -18px; text-align: center;">
							<img src="img/index/line_03.png" height="80" />
						</span>
						<span id="dv_notice" style="width: 70%; margin-top: -12px;">
							<p style="line-height: 130%; font-size: 26px;">作业布置：1、读1000个字英语文章。2、写1000个英语单词</p>
						</span>
						<span style="width: 4%;  margin-top: -20px; text-align: center;">
							<img src="img/index/line_03.png" height="80" />
						</span>
						<span style="width: 8%; text-align: center;">
							<a href="html/mycenter/job-notice.html"><img src="img/index/more-dot_03.png" /></a><br />
						</span>
					</div>
				</div>
				<br />
				<!--
                	作者：xuzhao_deng@sina.com
                	时间：2016-12-01
                	描述：导航
                -->
				<div id="dv_nav" style="text-align: center; width: 100%; height: 88px; display: flex; font-size: 24px; color: #646464;">
					<div style="width: 20%; text-align: center; margin-left: 6px; margin-top: -10px;" align="center">
						<a href="html/jzkt/jzkt-index.html"><img src="img/index/jiazhangketang_11.png" /> <br /><br />
							<span>&nbsp;&nbsp;家长课堂&nbsp;&nbsp;&nbsp;&nbsp;</span></a>
					</div>
					<div style="width: 20%; text-align: center; margin-top: -10px;">
						<a href="html/plan/plan-index.html?grade=1">
							<img src="img/index/chengzhangguihua_08.png" /> <br /><br />
							<span>&nbsp;&nbsp;成长规划&nbsp;&nbsp;&nbsp;&nbsp;</span></a>
					</div>
					<div style="width: 20%; text-align: center; margin-top: -10px;">
						<a href="http://m.qlchat.com/live/280000178349270.htm">
							<img src="img/index/zixun_03.png" /> <br /><br />
							<span>&nbsp;&nbsp;直播大厅&nbsp;&nbsp;&nbsp;&nbsp;</span></a>
					</div>
					<div style="width: 20%; text-align: center; margin-top: -10px;">
						<a href="html/zxdt/advhall-index.html">
							<img src="img/index/zixunshi60_03.png" /> <br /><br />
							<span>&nbsp;&nbsp;咨询大厅&nbsp;&nbsp;&nbsp;&nbsp;</span></a>
					</div>
					<div style="width: 20%; text-align: center; margin-top: -10px;">
						<img src="img/index/jiaxiaogongyu_05.png" />
						<br /><br />
						<span>家校共育</span>
					</div>
				</div>
				<hr color="#E9E9E9" style="height: 1px;" />
				<!--
                	作者：xuzhao_deng@sina.com
                	时间：2016-12-01
                	描述：首页动态列表
                -->
				<div>
					<div id="dv_home_content_bor">
						<ul style="list-style: none; display: none;" id="dv-login-home-content">
							<li>
								<div id="dv_newest_content" style="display: flex; width: 100%;">
									<div style="width: 15%; height: 100px; text-align: center;">
										<img src="img/wxy/weixiaoyuanguanggao_02.png" height="100" width="100" style="border-radius: 10%; overflow: hidden;" /><br />
										<span>&nbsp;&nbsp;&nbsp;&nbsp;班主任</span>
									</div>
									<div style="width: 70%; padding-left: 10px;">
										<br /><br />
										<div id="dv_home_content1">
											<p style="font-size: 28px; line-height: 130%; text-indent: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">
												嗟乎！一人之心，千万人之心也。秦爱纷奢，人亦念其家；奈何取之尽锱铢，用之如泥沙？使负栋之柱，多于南亩之农夫；架梁之椽，多于机上之工女；钉头磷磷，多于在庾之粟粒；瓦缝参差，多于周身之帛缕；直栏横槛，多于九土之城郭；管弦呕哑，多于市人之言语。使天下之人，不敢言而敢怒；独夫之心，日益骄固。戍卒叫，函谷举；楚人一炬，可怜焦土。 呜呼！灭六国者，六国也，非秦也。族秦者，秦也，非天下也。嗟乎！使六国各爱其人，则足以拒秦；使秦复爱六国之人，则递三世可至万世而为君，谁得而族灭也？秦人不暇自哀，而后人哀之；后人哀之而不鉴之，亦使后人而复哀后人也。
											</p>
										</div>
									</div>
									<div style="width: 15%;"></div>
								</div>
							</li>

							<li>
								<div id="dv_newest_content" style="display: flex; width: 100%;">
									<div style="width: 15%; text-align: center;">

									</div>
									<div style="width: 70%; padding-left: 10px;">
										<br /><br />
										<div id="dv_home_content1">
											<p style="font-size: 28px; line-height: 130%; text-indent: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">
												嗟乎！一人之心，千万人之心也。秦爱纷奢，人亦念其家；奈何取之尽锱铢，用之如泥沙？使负栋之柱，多于南亩之农夫；架梁之椽，多于机上之工女；钉头磷磷，多于在庾之粟粒；瓦缝参差，多于周身之帛缕；直栏横槛，多于九土之城郭；管弦呕哑，多于市人之言语。使天下之人，不敢言而敢怒；独夫之心，日益骄固。戍卒叫，函谷举；楚人一炬，可怜焦土。 呜呼！灭六国者，六国也，非秦也。族秦者，秦也，非天下也。嗟乎！使六国各爱其人，则足以拒秦；使秦复爱六国之人，则递三世可至万世而为君，谁得而族灭也？秦人不暇自哀，而后人哀之；后人哀之而不鉴之，亦使后人而复哀后人也。
											</p>
										</div>
									</div>
									<div style="width: 15%; text-align: center;">
										<img src="img/wxy/weixiaoyuanguanggao_02.png" height="100" width="100" style="border-radius: 10%; overflow: hidden;" /><br />
										<span>&nbsp;&nbsp;欧my嘎嘎</span>
									</div>
								</div>
							</li>
						</ul>

						<!--
                        	作者：xuzhao_deng@sina.com
                        	时间：2016-12-09
                        	描述：首页文章推荐列表
                        -->
						<ul class="mui-table-view mui-table-view-chevron" id="dv-good-art-rec">
							<!--
                            	作者：xuzhao_deng@sina.com
                            	时间：2016-12-17
                            	描述：加载区
                            -->
						</ul>

					</div>

					<div id="dv_home_cont_pf">
						<div id="bottomPopover" class="mui-popover mui-popover-bottom" style="width: 120px; height: 250px; filter:alpha(opacity=0.5);">
							<div class="mui-popover-arrow"></div>
							<div class="mui-scroll-wrapper" style="filter:alpha(opacity=0.5);">
								<div class="mui-scroll">
									<ul class="mui-table-view">
										<li class="mui-table-view-cell">
											<a href="#"><img src="img/index/month_03.png" style="height: 90px; width: 90px;"></a>
										</li>
										<li class="mui-table-view-cell">
											<a href="#"><img src="img/index/write_03.png" style="height: 90px; width: 90px;"></a>
										</li>
									</ul>
								</div>
							</div>
						</div>

						<!--
                        	作者：xuzhao_deng@sina.com
                        	时间：2016-12-06
                        	描述：
                        -->
						<div id="dv-xuangua-right" style="float: right; margin-bottom: 10px; margin-right: 20px; display: none;">
							<a href="#bottomPopover" class="mui-btn mui-btn-link mui-pull-right">
								<img src="img/index/flo-icon_03.png" style="width: 81px; height: 83px;" />
							</a>
						</div>

					</div>
				</div>
			</div>
			<!--
            	作者：xuzhao_deng@sina.com
            	时间：2016-12-01
            	描述：微校园内容
            -->
			<div id="microcampust-content" class="mui-control-content">
				<!--
                	作者：xuzhao_deng@sina.com
                	时间：2016-12-06
                	描述：微校园标题栏
                -->
				<!--<header class="mui-bar mui-bar-nav" style="background: url(img/index/top-box_01.png); height: 80px;">
					<a class="mui-action-back mui-icon mui-icon-left-nav1 mui-pull-left" style="background: url(img/index/back30_03.png) no-repeat; height: 30px; width: 18px; margin-top: 20px; margin-bottom: 20px; margin-left: 20px; color: #909090;"></a>
					<h1 id="title" class="mui-title" style="font-size: 36px; margin-top: 20px; margin-bottom: 20px; color: #222222;">微校园</h1>
				</header><br /><br />-->

				<!--
                	作者：xuzhao_deng@sina.com
                	时间：2016-12-06
                	描述：微校园图片搜索
                -->
				<div id="dv_wxyImg" style="margin-top: -4px;">
					<img src="img/wxy/weixiaoyuanguanggao_02.png" style="height: 260px; width: 100%;" />
				</div>

				<!--
                	作者：xuzhao_deng@sina.com
                	时间：2016-12-06
                	描述：微校园导航
                -->
				<div id="dv_wxynav" style="text-align: center; width: 100%; height: 110px; display: flex; font-size: 26px; color: #909090; background: url(img/wxy/xuanzekuang_02.png);" align="center">
					<div style="width: 20%; text-align: center; margin-top: 15px; margin-bottom: 15px;" align="center">
						<img src="img/wxy/xiaoyuanzixun_03.png" height="64" width="64" />
						<br /><br />
						<span>校园资讯</span>
					</div>
					<div style="width: 20%; text-align: center; margin-top: 15px; margin-bottom: 15px;">
						<img src="img/wxy/jiaoshifenngcai_03.png" height="64" width="64" />
						<br /><br />
						<span>教师风采</span>
					</div>
					<div style="width: 20%; text-align: center; margin-top: 15px; margin-bottom: 15px;">
						<img src="img/wxy/youxiuxuesheng_06.png" height="64" width="64" />
						<br /><br />
						<span>优秀学生</span>
					</div>
					<div style="width: 20%; text-align: center; margin-top: 15px; margin-bottom: 15px;">
						<img src="img/wxy/nianjiquan_08.png" height="64" width="64" />
						<br /><br />
						<span>年级圈</span>
					</div>
					<div style="width: 20%; text-align: center; margin-top: 15px; margin-bottom: 15px;">
						<img src="img/wxy/quanbu_11.png" height="64" width="64" />
						<br /><br />
						<span>更多</span>
					</div>
				</div><br /><br />

				<!--
                	作者：xuzhao_deng@sina.com
                	时间：2016-12-06
                	描述：面板区
                -->
				<div>
					<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted mui-segmented-control-positive" style="font-size: 26px; background-color: #F1F4F7;">
						<a class="mui-control-item mui-active" href="#dv_newest">最新</a>
						<a class="mui-control-item" href="#dv_hottest">最热</a>
					</div>

					<div class="mui-content-padded">
						<!--
                        	作者：xuzhao_deng@sina.com
                        	时间：2016-12-06
                        	描述：最新内容区
                        -->
						<div id="dv_newest" class="mui-control-content mui-active" style="width: 100%;">
							<!--下拉刷新容器-->
							<div id="refreshContainer" class="mui-content mui-scroll-wrapper" style="height: 700px; width: 100%;">
								<div class="mui-scroll" style="width: 100%;">
									<!--数据列表-->
									<ul style="list-style-type: none;">
										<li>
											<div id="dv_newest_content" style="display: flex;">
												<div style="width: 15%; height: 100px; margin-left: -40px;">
													<img src="img/wxy/weixiaoyuanguanggao_02.png" height="100" width="100" style="border-radius: 50%; overflow: hidden;" />
												</div>

												<div style="width: 82%; padding-left: 10px;">
													<div id="dv_topnewcontent">
														<div style="height: 70px;">
															<div style="float: left; font-size: 26px;">
																<span style="color: #646464;">留学那些事</span><br /><br />
																<span style="color: #646464; font-size: 22px;">作者名</span>
															</div>
															<div style="float: right; margin-top: 50px; font-size: 22px;">
																<a><img src="img/wxy/yangjing_03.png">&nbsp;浏览量1111</a>
															</div>
														</div><br />
														<div>
															<p style="font-size: 28px; line-height: 130%; text-indent: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">
																嗟乎！一人之心，千万人之心也。秦爱纷奢，人亦念其家；奈何取之尽锱铢，用之如泥沙？使负栋之柱，多于南亩之农夫；架梁之椽，多于机上之工女；钉头磷磷，多于在庾之粟粒；瓦缝参差，多于周身之帛缕；直栏横槛，多于九土之城郭；管弦呕哑，多于市人之言语。使天下之人，不敢言而敢怒；独夫之心，日益骄固。戍卒叫，函谷举；楚人一炬，可怜焦土。 呜呼！灭六国者，六国也，非秦也。族秦者，秦也，非天下也。嗟乎！使六国各爱其人，则足以拒秦；使秦复爱六国之人，则递三世可至万世而为君，谁得而族灭也？秦人不暇自哀，而后人哀之；后人哀之而不鉴之，亦使后人而复哀后人也。
															</p>
														</div><br />
														<div>
															<img src="img/wxy/weixiaoyuanguanggao_02.png" height="148" style="width: 32%;" />
															<img src="img/wxy/weixiaoyuanguanggao_02.png" height="148" style="width: 32%;" />
															<img src="img/wxy/weixiaoyuanguanggao_02.png" height="148" style="width: 32%;" />
														</div><br />
														<div style="float: right;">
															<p style="font-size: 24px; margin-right: 20px;">发布时间:2016-12-06</p>
														</div>
													</div>
												</div>
											</div>
										</li>

										<li>
											<div id="dv_newest_content" style="display: flex;">
												<div style="width: 15%; height: 100px; margin-left: -40px;">
													<img src="img/wxy/weixiaoyuanguanggao_02.png" height="100" width="100" style="border-radius: 50%; overflow: hidden;" />
												</div>

												<div style="width: 82%; padding-left: 10px;">
													<div id="dv_topnewcontent">
														<div style="height: 70px;">
															<div style="float: left; font-size: 26px;">
																<span style="color: #646464;">留学那些事</span><br /><br />
																<span style="color: #646464; font-size: 22px;">作者名</span>
															</div>
															<div style="float: right; margin-top: 50px; font-size: 22px;">
																<a><img src="img/wxy/yangjing_03.png">&nbsp;浏览量1111</a>
															</div>
														</div><br />
														<div>
															<p style="font-size: 28px; line-height: 130%; text-indent: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">
																嗟乎！一人之心，千万人之心也。秦爱纷奢，人亦念其家；奈何取之尽锱铢，用之如泥沙？使负栋之柱，多于南亩之农夫；架梁之椽，多于机上之工女；钉头磷磷，多于在庾之粟粒；瓦缝参差，多于周身之帛缕；直栏横槛，多于九土之城郭；管弦呕哑，多于市人之言语。使天下之人，不敢言而敢怒；独夫之心，日益骄固。戍卒叫，函谷举；楚人一炬，可怜焦土。 呜呼！灭六国者，六国也，非秦也。族秦者，秦也，非天下也。嗟乎！使六国各爱其人，则足以拒秦；使秦复爱六国之人，则递三世可至万世而为君，谁得而族灭也？秦人不暇自哀，而后人哀之；后人哀之而不鉴之，亦使后人而复哀后人也。
															</p>
														</div><br />
														<div>
															<img src="img/wxy/weixiaoyuanguanggao_02.png" height="148" style="width: 32%;" />
															<img src="img/wxy/weixiaoyuanguanggao_02.png" height="148" style="width: 32%;" />
															<img src="img/wxy/weixiaoyuanguanggao_02.png" height="148" style="width: 32%;" />
														</div><br />
														<div style="float: right;">
															<p style="font-size: 24px; margin-right: 20px;">发布时间:2016-12-06</p>
														</div>
													</div>
												</div>
											</div>
										</li>

										<li>
											<div id="dv_newest_content" style="display: flex;">
												<div style="width: 15%; height: 100px; margin-left: -40px;">
													<img src="img/wxy/weixiaoyuanguanggao_02.png" height="100" width="100" style="border-radius: 50%; overflow: hidden;" />
												</div>

												<div style="width: 82%; padding-left: 10px;">
													<div id="dv_topnewcontent">
														<div style="height: 70px;">
															<div style="float: left; font-size: 26px;">
																<span style="color: #646464;">留学那些事</span><br /><br />
																<span style="color: #646464; font-size: 22px;">作者名</span>
															</div>
															<div style="float: right; margin-top: 50px; font-size: 22px;">
																<a><img src="img/wxy/yangjing_03.png">&nbsp;浏览量1111</a>
															</div>
														</div><br />
														<div>
															<p style="font-size: 28px; line-height: 130%; text-indent: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">
																嗟乎！一人之心，千万人之心也。秦爱纷奢，人亦念其家；奈何取之尽锱铢，用之如泥沙？使负栋之柱，多于南亩之农夫；架梁之椽，多于机上之工女；钉头磷磷，多于在庾之粟粒；瓦缝参差，多于周身之帛缕；直栏横槛，多于九土之城郭；管弦呕哑，多于市人之言语。使天下之人，不敢言而敢怒；独夫之心，日益骄固。戍卒叫，函谷举；楚人一炬，可怜焦土。 呜呼！灭六国者，六国也，非秦也。族秦者，秦也，非天下也。嗟乎！使六国各爱其人，则足以拒秦；使秦复爱六国之人，则递三世可至万世而为君，谁得而族灭也？秦人不暇自哀，而后人哀之；后人哀之而不鉴之，亦使后人而复哀后人也。
															</p>
														</div><br />
														<div>
															<img src="img/wxy/weixiaoyuanguanggao_02.png" height="148" style="width: 32%;" />
															<img src="img/wxy/weixiaoyuanguanggao_02.png" height="148" style="width: 32%;" />
															<img src="img/wxy/weixiaoyuanguanggao_02.png" height="148" style="width: 32%;" />
														</div><br />
														<div style="float: right;">
															<p style="font-size: 24px; margin-right: 20px;">发布时间:2016-12-06</p>
														</div>
													</div>
												</div>
											</div>
										</li>

									</ul>
								</div>
							</div>
						</div>
						<!--
                        	作者：xuzhao_deng@sina.com
                        	时间：2016-12-06
                        	描述：最热内容区
                        -->
						<div id="dv_hottest" class="mui-control-content">
							<ul style="list-style-type: none;">
								<li>
									<div id="dv_newest_content">
										<div style="width: 10%; float: left; margin-left: -40px; height: 100px;">
											<img src="img/wxy/weixiaoyuanguanggao_02.png" height="100" width="100" style="border-radius: 50%; overflow: hidden;" />
										</div>

										<div style="width: 90%; float: right;">
											<div id="dv_topnewcontent">
												<div style="height: 70px; font-size: 26px;">
													<div style="float: left;">
														<span style="color: #646464;">留学那些事</span><br /><br />
														<span style="color: #646464; font-size: 22px;">作者名</span>
													</div>
													<div style="float: right; margin-top: 50px; font-size: 22px;">
														<a><img src="img/wxy/yangjing_03.png">&nbsp;浏览量1111</a>
													</div>
												</div><br />
												<div>
													<p style="font-size: 28px; text-indent: 2em; line-height: 130%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">
														六王毕，四海一；蜀山兀，阿房出。覆压三百余里，隔离天日。骊山北构而西折，直走咸阳。二川溶溶，流入宫墙。五步一楼，十步一阁；廊腰缦回，檐牙高啄；各抱地势，钩心斗角。盘盘焉，囷囷焉，蜂房水涡，矗不知乎几千万落！长桥卧波，未云何龙？複道行空，不霁何虹？高低冥迷，不知西东。歌台暖响，春光融融；舞殿冷袖，风雨凄凄。一日之内，一宫之间，而气候不齐。
													</p>
												</div><br />
												<div>
													<img src="img/wxy/weixiaoyuanguanggao_02.png" height="148" style="width: 32%;" />
													<img src="img/wxy/weixiaoyuanguanggao_02.png" height="148" style="width: 32%;" />
													<img src="img/wxy/weixiaoyuanguanggao_02.png" height="148" style="width: 32%;" />
												</div><br />
												<div style="float: right;">
													<p style="font-size: 24px; margin-right: 20px;">发布时间:2016-12-06</p>
												</div>
											</div>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>

			</div>

			<!--
            	作者：xuzhao_deng@sina.com
            	时间：2016-12-01
            	描述：个人中心内容
            -->
			<div id="personalcentere-content" class="mui-control-content" style="font-size: 19px;">
				<!--
                	作者：xuzhao_deng@sina.com
                	时间：2016-12-06
                	描述：个人中心标题栏
                -->
				<!--<header class="mui-bar mui-bar-nav" style="background: url(img/index/top-box_01.png); height: 80px;">
					<a class="mui-action-back mui-icon mui-icon-left-nav1 mui-pull-left" style="background: url(img/index/back30_03.png) no-repeat; height: 30px; width: 18px; margin-top: 20px; margin-bottom: 20px; margin-left: 20px; color: #909090;"></a>
					<h1 id="title" class="mui-title" style="font-size: 36px; margin-top: 20px; margin-bottom: 20px; color: #222222;">个人中心</h1>
					<img src="img/grzx/shezhi_03.png" style="float: right; margin-right: 60px; margin-top: 20px;" />
				</header><br /><br />
				<br />-->
				<!--
                	作者：xuzhao_deng@sina.com
                	时间：2016-12-06
                	描述：功能列表楠
                -->
				<div id="dv_my_lst" style="font-family:'微软雅黑'; font-size: 32px; color: #515151;">
					<ul class="mui-table-view mui-table-view-chevron">
						<li class="mui-table-view-cell" style="background: url(img/grzx/sekuang_02.png); height: 252px;">
							<a href="html/mycenter/my-information.html"><div class="mui-navigate-right"><br />
								<div>
									<img src="img/grzx/touxiangdikuang_04.png" height="152" width="152" />
									<img src="img/grzx/touxiang_07.png" height="146" width="146" style="margin-bottom: 2px; margin-left: -157px;" />
									<img src="img/grzx/xunzhang_03.png" style="margin-top: -40px; margin-left: -50px;" /><br />
								</div><br />
								<span id="sp-fam-userName">Egele 345</span>
							</div></a>
						</li>
					</ul>

					<ul class="mui-table-view mui-table-view-chevron" style="line-height: 60px;">
						<li class="mui-table-view-cell" style="margin-left: 40px;">
							<a href="html/mycenter/manage345.html" class="mui-navigate-right">345管理</a>
						</li>
						<!--<li class="mui-table-view-cell" style="margin-left: 40px;">
							<a href="" class="mui-navigate-right">我的提醒</a>
						</li>-->
						<li class="mui-table-view-cell" style="margin-left: 40px;">
							<a href="html/mycenter/my-news.html" class="mui-navigate-right">我的消息</a>
						</li>
						<!--<li class="mui-table-view-cell" style="margin-left: 40px;">
							<a href="" class="mui-navigate-right">我的帖子</a>
						</li>-->
						<li class="mui-table-view-cell" style="margin-left: 40px;">
							<a href="html/mycenter/my-collection.html" class="mui-navigate-right">我的收藏</a>
						</li>
						<!--<li class="mui-table-view-cell" style="margin-left: 40px;">
							<a href="" class="mui-navigate-right">我的积分</a>
						</li>-->
					</ul>
					<img src="img/grzx/jiangexian_02.png" />
					<ul class="mui-table-view mui-table-view-chevron" style="line-height: 60px;">
						<li class="mui-table-view-cell" style="margin-left: 40px;">
							<a href="html/mycenter/my-settings.html" class="mui-navigate-right">设置</a>
						</li>
						<li class="mui-table-view-cell" style="margin-left: 40px;">
							<a href="" class="mui-navigate-right">使用指南</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<a href="html/article/article-detailed.html"></a>
	</body>
	<script src="js/mui.min.js"></script>
	<script src="js/utils/http.utils.js"></script>
	<script>
		mui.init({
			swipeBack: true, //启用右滑关闭功能
			pullRefresh: {
				container: "#refreshContainer", //下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
				up: {
					height: 2, //可选,默认50.触发下拉刷新拖动距离,
					auto: true, //可选,默认false.自动下拉刷新一次
					//contentdown : "下拉可以刷新",//可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
					// contentover : "释放立即刷新",//可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
					//contentrefresh : "正在刷新...",//可选，正在刷新状态时，下拉刷新控件上显示的标题内容
					callback: funPullData //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
				}
			}
		});
		
		//文章列表模板
		function fun_artTemplate(art){
			var $art_Lst_Template = 
				'<li class="mui-table-view-cell mui-media">'
				+	'<a href="html/article/article-detailed.html?artid='+ art.id +'" class="mui-navigate-right" style="display: flex;">'
				+		'<img src="' + art.thumbnail + '" style="height: 110px; width: 110px;">'
				+		'<div class="mui-media-body"><br />'
				+			'<span style="font-size: 26px;">&nbsp;&nbsp;'+ art.title +'</span><br /><br />'
				+			'<p style="font-size: 22px;" class="mui-ellipsis">&nbsp;&nbsp;推荐人:'+ art.author +' &nbsp;&nbsp;&nbsp;&nbsp;发布时间：'+ art.publishDate +'</p>'
				+		'</div>'
				+	'</a>'
				+'</li><hr/>';
				
			return $art_Lst_Template;
		}

		//窗体加载
		window.onload = function() {
			//判断用户登录状态
			if($userLogin !== null && $userLogin !== undefined && $userLogin !== "") {
				//登录状态
				document.getElementById("dv-job-notic").style.display = "none"; //显示作业通知栏
				document.getElementById("dv-xuangua-right").style.display = "none"; // 显示右下角的图标
				document.getElementById("dv-good-art-rec").style.display = "";
				document.getElementById("dv-login-home-content").style.display = "none";
				document.getElementById("login-userName").innerHTML = $userLogin.nickName
			} else {
				//非登录状态
				document.getElementById("dv-job-notic").style.display = "none";
				document.getElementById("dv-xuangua-right").style.display = "none";
				document.getElementById("dv-good-art-rec").style.display = "";
				document.getElementById("dv-login-home-content").style.display = "none";
			}
			
			
			mui.ajax({
				url : $request_url.getArticleLst,
				type : "get",
				dataType : "json",
				headers: {
					"Authorization": $headers_authorization
				},
				data : {
					typeCode : "",
					orgId : "123456",
					recommend : true,
					rows : 5,
					page : 0
				},
				success : function(dat){
					if(dat.code == 0){
						var $artArray = dat.result;
						var $dv_goodArt = document.getElementById("dv-good-art-rec");
						for(var i = 0; i < $artArray.length; i ++){
							var $artInfo = $artArray[i];
							var div =document.createElement('li');
							div.innerHTML = fun_artTemplate($artInfo);
							$dv_goodArt.appendChild(div);
						}
					} else {
						mui.alert(dat.message);
						return;
					}
				}, error : function(err){
					mui.alert("......");
					return;
				}
			});
		}

		function defaultTab() {
			alert("dsfsdfsf");
		}

		function funPullData() {
			//mui('#refreshContainer').pullRefresh().endPulldownToRefresh();
			this.endPullupToRefresh(true);
		}

		function fun_home() {

		}

		function func_close() {
			document.getElementById("dv_posts").style.display = "none";
			document.getElementById("dv_posts_h").style.display = "";
		}

		document.getElementById("a_xianshi_posts").addEventListener("tap", function() {
			document.getElementById("dv_posts").style.display = "";
			document.getElementById("dv_posts_h").style.display = "none";
		});
	</script>

</html>